<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>用户综合管理 - 学生宿舍管理系统</title>
		<link rel="shortcut icon" href="../img/head.png" type="image/x-icon">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
        <link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
		
        <link href="css/animate.css" rel="stylesheet">
        <link href="css/style.css?v=2.2.0" rel="stylesheet">

		<link rel="stylesheet" href="css/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="css/biaoge.css">
        <link rel="stylesheet" href="css/quyu.css">
        <script type="text/javascript" src="js/xadmin.js"></script>
        <script src="css/layui/layui.js" charset="utf-8"></script>
        <link href="css/font-awesome.css?v=4.3.0" rel="stylesheet">
        <style>
            .box1 {
			    text-align: center;
			    width: 100%;
			    margin-top: 10px;
			}
			h3 {
			    text-align: center;
			    font-size: 25px;
			    color: aliceblue;
			    font-family: 华文楷体;
			}
        </style>
	</head>
	<body>

		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo" style="width: 300px;"><h3 >“抗疫”志愿者管理系统</h3></div>
				<!-- 头部区域（可配合layui 已有的水平导航） -->
				<div class="left_open">
					<a><i class="layui-icon">&#xe668;</i></a>
				</div>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="../img/13.jpg" class="layui-nav-img">
							院级管理员
						</a>
						<dl class="layui-nav-child">
							<dd><a href="">切换账号</a></dd>
							<dd><a href="../Login&Register.jsp">退出</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="">前台首页</a></li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
                    <div class="box1">
                        <img src="../img/13.jpg" alt="">
                    </div>
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
                        
						<li class="layui-nav-item"><a href="home.jsp"><i class="layui-icon">&#xe68e;</i>&nbsp;&nbsp;主页</a></li>
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;"><i class="layui-icon">&#xe66f;</i>&nbsp;&nbsp;志愿者管理</a>
							<dl class="layui-nav-child">
								<dd ><a href="/Volunteer/Volunteer">志愿者列表</a></dd>
								<dd class="layui-this"><a href="detail.jsp">志愿者详情</a></dd>
                                <dd><a href="/Volunteer/Examine">志愿者审批</a></dd>
                                <dd><a href="/Volunteer/Blist">黑名单</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;"><i class="layui-icon">&#xe653;</i>&nbsp;&nbsp;活动管理</a>
							<dl class="layui-nav-child">
								<dd><a href="/Volunteer/News">新闻管理</a></dd>
								<dd><a href="/Volunteer/Notice">志愿活动</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;"><i class="layui-icon">&#xe67a;</i>&nbsp;&nbsp;物资管理</a>
							<dl class="layui-nav-child">
								<dd><a href="3-1.html">物资管理</a></dd>
								<dd><a href="3-2.html">物资管理</a></dd>
								<dd><a href="3-3.html">物资管理</a></dd>
								<dd><a href="3-4.html">物资管理</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item"><a href="7-1.html"><i class="layui-icon">&#xe60b;</i>&nbsp;&nbsp;个人中心</a></li>
					</ul>
				</div>
			</div>

			<div class="layui-body" style="bottom: 0px;">
                <ol class="breadcrumb">
                    <li><a href="#">主页</a></li>
                    <li class="active">志愿者详情</li>
                </ol>
				<!-- 内容主体区域 -->
                <div style="margin: 20px;  background-color: #F6F6F6;">
                    <div style="padding: 10px;padding-top: 10px; padding-bottom: 5px;">

                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0px;">
                            <!-- <ul class="layui-tab-title">
                                <li class="layui-this">新增用户</li>
                                <li>删除用户</li>
                                <li>修改用户信息</li>
                            </ul> -->
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="wrapper wrapper-content">
                                        <div class="row animated fadeInRight">
                                            <div class="col-md-4">
                                                <div class="ibox float-e-margins">
                                                    <div class="ibox-title">
                                                        <h5>志愿者资料</h5>
                                                    </div>
                                                    <div>
                                                        <div class="ibox-content no-padding border-left-right">
                                                            <img alt="image" class="img-responsive" src="../img/2.jpg">
                                                        </div>
                                                        <div class="ibox-content profile-content">
                                                            <h4><strong>欧阳锋</strong></h4>
                                                            <p>&nbsp;</p>
                                                            <p>电话：12345678</p>
                                                            <p>邮箱：123456@qq.com</p>
                                                            <p>加入时间：2020年12月1日</p>
                                                            <p>&nbsp;</p>
                                                            <h5>
                                                            <strong>座右铭：</strong>
                                                        </h5>
                                                            <p>
                                                                奉献自己的爱心,身体力行地服务社会。
                                                            </p>
                                                            <div class="row m-t-lg">
                                                                <div class="col-md-4">
                                                                    <span class="bar">5,3,9,6,5,9,7,3,5,2</span>
                                                                    <h5><strong>169</strong> 文章</h5>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <span class="line">5,3,9,6,5,9,7,3,5,2</span>
                                                                    <h5><strong>28</strong> 关注</h5>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <span class="bar">5,3,2,-1,-3,-2,2,3,5,2</span>
                                                                    <h5><strong>240</strong> 关注者</h5>
                                                                </div>
                                                            </div>
                                                            <div class="user-button">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <button type="button" class="btn btn-primary btn-sm btn-block"> 发送消息</button>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <button type="button" class="btn btn-default btn-sm btn-block"> 禁言</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="ibox float-e-margins">
                                                    <div class="ibox-title">
                                                        <h5>志愿者动态</h5>
                                                        <div class="ibox-tools">
                                                            <a class="collapse-link">
                                                            
                                                            </a>
                                                            <a class="dropdown-toggle" data-toggle="dropdown" href="profile.html#">
                                                                
                                                            </a>
                                                            <ul class="dropdown-menu dropdown-user">
                                                                <li><a href="profile.html#">选项1</a>
                                                                </li>
                                                                <li><a href="profile.html#">选项2</a>
                                                                </li>
                                                            </ul>
                                                            <a class="close-link">
                                                               
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="ibox-content">
                        
                                                        <div>
                                                            <div class="feed-activity-list">
                        
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right text-navy">1天前</small>
                                                                        <strong>欧阳锋</strong> 关注了 <strong>杨广人</strong>.
                                                                        <br>
                                                                        <small class="text-muted">54分钟前 来自 iPhone 14 Plus</small>
                                                                        <div class="actions">
                                                                            <a class="btn btn-xs btn-white"> 赞 </a>
                                                                            <a class="btn btn-xs btn-danger"> 收藏</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                        
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">5分钟前</small>
                                                                        <strong>欧阳锋</strong> 发布了一篇文章
                                                                        <br>
                                                                        <small class="text-muted">今天 10:20 来自 iPhone 14 Plus</small>
                        
                                                                    </div>
                                                                </div>
                        
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">2小时前</small>
                                                                        <strong>欧阳锋</strong>  报名了“全员核酸检测志愿服务”活动
                                                                        <br>
                                                                        <small class="text-muted">今天 09:27 来自 iPhone 14 Plus</small>
                                                                        <div class="well">
                                                                            奉献自己的爱心,身体力行地服务社会!!!
                                                                        </div>
                                                                        <div class="pull-right">
                                                                            <a class="btn btn-xs btn-white"> 赞 </a>
                                                                            <a class="btn btn-xs btn-white"> 收藏</a>
                                                                            <a class="btn btn-xs btn-primary"> 评论</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">2天前</small>
                                                                        <strong>欧阳锋</strong> 上传了2张图片
                                                                        <br>
                                                                        <small class="text-muted">11月7日 11:56 来自 微博 weibo.com</small>
                                                                        <div class="photos">
                                                                            <a target="_blank" href="http://24.media.tumblr.com/20a9c501846f50c1271210639987000f/tumblr_n4vje69pJm1st5lhmo1_1280.jpg">
                                                                                <img alt="image" class="feed-photo" src="../img/志愿者首页.jpg">
                                                                            </a>
                                                                            <a target="_blank" href="http://37.media.tumblr.com/9afe602b3e624aff6681b0b51f5a062b/tumblr_n4ef69szs71st5lhmo1_1280.jpg">
                                                                                <img alt="image" class="feed-photo" src="../img/志愿者首页1.jpg">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right text-navy">5小时前</small>
                                                                        <strong>在水一方Y</strong> 关注了 <strong>那二十年的单身</strong>.
                                                                        <br>
                                                                        <small class="text-muted">今天 10:39 来自 iPhone客户端</small>
                                                                        <div class="actions">
                                                                            <a class="btn btn-xs btn-white"> 赞 </a>
                                                                            <a class="btn btn-xs btn-white"> 收藏</a>
                                                                        </div>
                                                                    </div>
                                                                </div> -->
                        
                                                            </div>
                        
                                                            <button class="btn btn-primary btn-block m"> 显示更多</button>
                        
                                                        </div>
                        
                                                    </div>
                                                </div>
                        
                                            </div>
                                        </div>
                                    </div>
                                          
                                        
                                      
                                </div>
    
                            </div>
                            
                        </div>
    
                    </div>
                </div>

			</div>


		</div>

        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.min.js?v=3.4.0"></script>
        <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
        <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

        <!-- Custom and plugin javascript -->
        <script src="js/hplus.js?v=2.2.0"></script>
        <script src="js/plugins/pace/pace.min.js"></script>

        <!-- Peity -->
        <script src="js/plugins/peity/jquery.peity.min.js"></script>

        <!-- Peity -->
        <script src="js/demo/peity-demo.js"></script>

        <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script><!--统计代码，可删除-->

		<script>
			//JavaScript 代码区域
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();

            layui.use(['laydate','form'], function(){
            });
		</script>
            
	</body>
</html>




